<template>
  <div>
    <button @click="testBackendConnection">测试后端连接</button>
  </div>
</template>

<script>
import axios from 'axios';

// 配置后端接口基准地址
axios.defaults.baseURL = 'http://localhost:8080/api';

export default {
  methods: {
    async testBackendConnection() {
      try {
        const response = await axios.get('/hello');
        console.log('响应数据:', response.data);
        alert('连接成功: ' + response.data);
      } catch (error) {
        console.error('请求失败:', error);
        alert('连接失败: ' + (error.response?.data || error.message));
      }
    }
  }
}
</script>

<style>
/*每个页面公共css */ 
</style>
